<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="BoNiu Admin"/>
    <meta name="author" content=""/>
    <title>BoNiu Admin</title>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/entypo.css">
    <link rel="stylesheet" href="assets/css/common.css">
    <link rel="stylesheet" href="assets/css/frame.css">
    <script src="assets/js/libs/jquery-1.12.0.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="frame-body frame-right-in">
<div class="frame-container" id="frameContainer" style="display: none">
    <div class="sidebar-menu" draggable="false">
        <header class="logo-env">
            <div class="logo">
                <a href="index.html">
                    <img src="assets/images/logo@2x.png" width="120" alt="admin logo"/>
                </a>
            </div>
        </header>
        <div class="menu-wrap">
            <div class="scrollbar">
                <div class="handle">
                    <div class="mousearea"></div>
                </div>
            </div>
            <div class="menu-frame" id="menuFrame">
                <ul class="main-menu slidee" id="mainMenu">
                    <li class="active opened">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-magnet"></i>
                            <span>界面元素</span>
                        </a>
                        <ul>
                            <li class="active">
                                <a href="ui-panels.html" target="framePage">
                                    <span>面板</span>
                                </a>
                            </li>
                            <li class="active">
                                <a href="ui-dialogs.html" target="framePage">
                                    <span>对话框</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-list-alt"></i>
                            <span>表单</span>
                        </a>
                        <ul>
                            <li>
                                <a href="form-basic.html" target="framePage">
                                    <span>基本表单</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-th"></i>
                            <span>表格</span>
                        </a>
                        <ul>
                            <li>
                                <a href="table-datatables.html" target="framePage">
                                    <span>DataTables</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="main-content">
        <nav class="top-nav" id="topNav">
            <ul class="list-inline links-list pull-left">
                <li>
                    <a href="index.html">
                        <i class="entypo-home"></i> 首页
                    </a>
                </li>
            </ul>
            <ul class="list-inline links-list pull-right">
                <li>
                    <a href="login.html">
                        退出 <i class="entypo-logout right"></i>
                    </a>
                </li>
            </ul>
        </nav>
        <div class="main-body">
            <div class="frame-view" id="frameView">
                <iframe src="" frameborder="0" class="frame-page" id="framePage" name="framePage"></iframe>
            </div>
        </div>
    </div>
</div>
<div class="frame-layer">
    <div class="loading">
        <div class="sk-folding-cube">
            <div class="sk-cube1 sk-cube"></div>
            <div class="sk-cube2 sk-cube"></div>
            <div class="sk-cube4 sk-cube"></div>
            <div class="sk-cube3 sk-cube"></div>
        </div>
    </div>
</div>
<script>
    var globalVars = {};
    globalVars.$window = $(window);
    globalVars.$frameLayer = $('.frame-layer');
    globalVars.$loading = globalVars.$frameLayer.find('.loading');
    globalVars.$loading.height(globalVars.$window.height());
    globalVars.$loading.show();
</script>
<script src="assets/js/libs/bootstrap.min.js"></script>
<script src="assets/js/libs/gsap/TweenMax.min.js"></script>
<script src="assets/js/libs/sly.min.js"></script>
<script src="assets/js/libs/dialog.min.js"></script>
<script src="assets/js/boniu.common.js"></script>
<script src="assets/js/boniu.frame.js"></script>
</body>
</html>